<div ng-init="init();" class="kmi-layout-content B0701-content">
    <div class="kmi-header-row">
        <!-- 返回按鈕 -->
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <!-- 程式名稱 -->
        <div class="header-title" ng-bind="'B0701.title' | translate"></div>
        <!-- 左上角的logo -->
        <div class="header-logo"></div>
    </div>
    <!-- 程式內容-->
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <!-- 程式內容撰寫於此-->
            <div class="kmi-text-fields">
                <label class="label ng-binding" ng-bind="'B0701.outsourcing_no' | translate"></label>
                <input class="ng-pristine ng-valid ng-touched ng-not-empty" ng-model="query_info.os_no" >
                <div class="tip search" ng-click="loadOutCompanyNo()"><img src="image/icons/search.png"></img> </div>
                <!-- 20210326 modify by 奕達 for M#89132 start -->
                <label class="label ng-binding" style="text-align:right;" ng-bind="'B0701.outsourcers_company' | translate"></label>
                <!-- 20210326 modify by 奕達 for M#89132 end -->
                <label class="value ng-binding" style="flex:1;text-align: left;" ng-bind ="query_info.os_name"></label>
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="search()" style="width:100px;margin-left: 5px;">
                    <label  class="ng-binding" ng-bind="'B0701.search' | translate">/label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
                <div class="kmi-text-fields">
                    <label style="font-size: 21px;font-weight:600;" class="ng-binding" ng-bind="'B0701.outsourcing_detail' | translate"></label>
                </div>
                <!--外包單明細 list-->
                <div class="kmi-list column-selector" column-selector-id="plot_info_detail">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex:0 0 36px;"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column01' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column02' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column03' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column04' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column05' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column06' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in shipmentInfo['osdetail'] track by item.lot_no">
                            <div class="kmi-list__column" style="flex:0 0 36px;">
                                <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="itemAdd($index,item)">
                                        <img src="image/icons/add.png"></img>
                                </button>
                            </div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.lot_no"></div>
                            <div class="kmi-list__column  column-border" ng-bind="item.os_qty" style="flex:1;" >
                                <!-- <input mdl-calculater="0"   > -->
                                <!-- <input readonly="readonly"  ng-model="item.output_qty" ng-click="output_qty($event, item);"> -->
                            </div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.unitno"></div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.op_no"></div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.product_no"></div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.wo_no"></div>
                        </div>
                    </div>
                </div>
                <div class="kmi-text-fields">
                    <label  style="font-size: 21px;font-weight:600;" class="ng-binding" ng-bind="'B0701.change_detail' | translate">更換明細</label>
                </div>
                <!--更換明細List-->
                <div class="kmi-list column-selector" column-selector-id="plot_info_detail">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex:0 0 36px;"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column01' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column02' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column03' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column04' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column05' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0701.list.column06' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in selectedList ">
                            <div class="kmi-list__column" style="flex:0 0 36px;">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemDeduction($index,item)">
                                    <img  src="image/icons/delete1.png"></img>
                                </button>
                            </div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.lot_no"></div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.os_qty"></div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.unitno"></div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.op_no"></div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.product_no"></div>
                            <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.wo_no"></div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    <div class="kmi-layout-footer">
        <button class="mdl-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-click="confirm();">
            <i class="material-icons">done</i>
        </button>
    </div>
</div>

